<!DOCTYPE html>
<html>
	<head>
	    <meta charset="utf-8">
	    <title><{$title}></title>	
	    <meta name="description" content="Dashboard">
	    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	    <!--Basic Styles-->
	    <link href="__ASTYLE__/bootstrap.css" rel="stylesheet">
	    <link href="__ASTYLE__/font-awesome.css" rel="stylesheet">
	    <link href="__ASTYLE__/weather-icons.css" rel="stylesheet">	
	    <!--Beyond styles-->
	    <link id="beyond-link" href="__ASTYLE__/beyond.css" rel="stylesheet" type="text/css">
	    <link href="__ASTYLE__/demo.css" rel="stylesheet">
	    <link href="__ASTYLE__/picons.css" rel="stylesheet">
	    <link href="__ASTYLE__/animate.css" rel="stylesheet">	    
	</head>
	<body>
		<!-- 头部 -->
		{include file="common/top"}
		<!-- /头部 -->
		
		<div class="main-container container-fluid">
			<div class="page-container">
				<!-- Page Sidebar -->
	            {include file="common/left"}
	            <!-- /Page Sidebar -->
	            <!-- Page Content -->
	            <div class="page-content">
	                <!-- Page Breadcrumb -->
	                <div class="page-breadcrumbs">
	                    <ul class="breadcrumb">
	                        <li>
	                            <a href="<{:url('index/index')}>">论坛系统</a>
	                        </li>
	                        <li class="active">用户管理</li>
	                    </ul>
	                </div>
	                <!-- /Page Breadcrumb -->	
	                <!-- Page Body -->
	                <div class="page-body">	                    
						<button type="button" tooltip="添加管理员" class="btn btn-sm btn-azure btn-addon" onclick="window.location.href = '<{:url('admin/add')}>'"> <i class="fa fa-plus"></i> Add
						</button>
						<div class="row">
						    <div class="col-lg-12 col-sm-12 col-xs-12">
						        <div class="widget">
						            <div class="widget-body">
						                <div class="flip-scroll">
						                    <table class="table table-bordered table-hover">
						                        <thead class="">
						                            <tr>
						                                <th class="text-center" width="5%">ID</th>
						                                <th class="text-center" >管理员名称</th>
						                                <th class="text-center" >所属用户组</th>
						                                <th class="text-center" width="20%">操作</th>
						                            </tr>
						                        </thead>
						                        <tbody id="popup-submit">
						                            {volist name="adminres" id="vo"}
						                            <tr>
						                                <td align="center"><{$vo.id}></td>
						                                <td align="center"><{$vo.adminname}></td>
						                                <td align="center"><{$vo.groupTitle}></td>
						                                <td align="center">
						                                	{if condition="$vo['groupId'] neq 1"}
						                                    <a href="<{:url('admin/edit',array('id'=>$vo['id']))}>" class="btn btn-primary btn-sm shiny">
						                                        <i class="fa fa-edit"></i> 编辑
						                                    </a>
						                                    {/if}
						                                    {if condition="$vo['groupId'] neq 1"}
						                                    <button class="btn btn-danger btn-sm shiny" val="<{$vo.id}>">
						                                        <i class="fa fa-edit"></i> 删除
						                                    </button>
						                                    {/if}

						                                </td>
						                            </tr>
						                            {/volist}
						                            <tr>
						                            	<div id="b"></div>
						                            </tr>
						                        </tbody>
						                    </table>
						                </div>
						                <div style="text-align:right; margin-top:10px;"><{$adminres->render()}></div>
						            </div>
						        </div>

						    </div>
						</div>
	
	                </div>
	                <!-- /Page Body -->
	            </div>
	            <!-- /Page Content -->
			</div>	
		</div>
	
		<!--引入外部文件-->
	    <script src="__ASTYLE__/jquery_002.js"></script>	    
	    <script src="__ASTYLE__/jquery.js"></script>
	    <script src="__ASTYLE__/bootstrap.js"></script>
	    <script src="__ASTYLE__/beyond.js"></script>
	    <!-- 极验验证引入 -->
        <script src="http://code.jquery.com/jquery-1.12.3.min.js"></script>
        <script src="http://static.geetest.com/static/tools/gt.js"></script>
        <script type="text/javascript">
        	$.ajax({
                  // 获取id，challenge，success（是否启用failback）
                  url: "<{:url('admin/yzm')}>?t=" + (new Date()).getTime(), // 加随机数防止缓存
                  type: "get",
                  dataType: "json",
                  success: function (data) {
                  	//console.log(data);
                    // window.location.href="<{:url('pub/yzm')}>";
                    // 使用initGeetest接口
                    // 参数1：配置参数
                    // 参数2：回调，回调的第一个参数验证码对象，之后可以使用它做appendTo之类的事件
                    initGeetest({
                      gt: data.gt,
                      challenge: data.challenge,
                      product: "popup", // 产品形式，包括：float，embed，popup。注意只对PC版验证码有效
                      offline: !data.success // 表示用户后台检测极验服务器是否宕机，与SDK配合，用户一般不需要关注
                    }, handlerPopup);
                  }
                });
            // 代码详细说明
            var handlerPopup = function (captchaObj) {
           		var a = $('#popup-submit').find('button');
           		//console.log($('#popup-submit'));
            	$.each(a, function() {
            		 $(this).click(function(event) {
            		 	// 先校验是否点击了验证码
                    	var validate = captchaObj.getValidate();
                    	// console.log($(this).attr("val"));
                    	$.ajax({
		                      url: "<{:url('admin/del')}>",
		                      type: "post",
		                      // async:false,
		                      // dataType: "json",
		                      // data:$('#uname').val(),
		                      data: {
		                        // 用户名和密码等其他数据，自己获取，不做演示
		                        id:$(this).attr("val"),
		                        // 验证码数据，这些数据不用自己获取
		                        // 这是二次验证所需的三个值
		                        // 当然，你也可以直接设置验证码单独校验，省略其他信息
		                        geetest_challenge: validate.geetest_challenge,
		                        geetest_validate: validate.geetest_validate,
		                        geetest_seccode: validate.geetest_seccode
		                      },
		                      // 这里是正确返回处理结果的处理函数
		                      // 假设你就返回了1，2，3
		                      // 当然，正常情况是返回JSON数据
		                      success: function (result) {
		                        console.log('yes');
		                        // alert(result);
		                        // 1表示验证码验证失败
		                        if (result == "2") {
		                        	alert('删除失败');
		                        } else {
		                        	alert('删除成功');
		                        	window.location.reload(); 
		                        }
		                      }
		                    });
		                    // alert('请稍后');
		                    // setTimeout(function(){}, 500);
    });
            		 captchaObj.bindOn(this);
            	});
             			// 弹出式需要绑定触发验证码弹出按钮
                        // 比如在登陆页面，这个触发按钮就是登陆按钮
                        

                        // 将验证码加到id为captcha的元素里
                        // 验证码将会在下面指定的元素中显示出来
                        captchaObj.appendTo("#b");
                        // 更多接口参考：http://www.geetest.com/install/sections/idx-client-sdk.html
            };
        </script>
	</body>
</html>